/* smartlogistics/pages/warnlog/warnlog.wxss */
view {
  margin: 0;
}
.picture {
  margin-left: 200rpx;
}
.imgs {
  width: 60rpx !important;
  height: 60rpx !important;
}
.record {
  text-align: center;
  padding:  0 30rpx 40rpx 30rpx;

  .record_ {
    padding: 30rpx 20rpx 25rpx 20rpx;
    border-radius: 14rpx;
    .f36 {
      margin-top: 18rpx;
    }
    .record_left {
      text-align: center;
      // border-right: 1px solid #DBDBDB;
      padding-right: 25rpx;
      margin-right: 25rpx;
      position: relative;
    }
    .record_left::after {
      position: absolute;
      content: "";
      width: 1rpx;
      height: 50rpx;
      right: 0;
      top: 50%;
      margin-top: -25rpx;
      background: #dbdbdb;
    }
    image {
      width: 24rpx;
      height: 24rpx;
      margin-right: 9rpx;
    }
    .f28 {
      text-align: center;
      margin-top: -10rpx;
      white-space: nowrap; /* 不换行 */
      overflow: hidden;
      text-overflow: ellipsis;
      /* 将对象作为弹性伸缩盒子模型显示 */
      display: -webkit-box;
      /* 限制在一个块元素显示的文本的行数 */
      /* -webkit-line-clamp 其实是一个不规范属性，使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端；*/
      -webkit-line-clamp: 2;
      /* 设置或检索伸缩盒对象的子元素的排列方式 */
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden; /* 超出部分隐藏 */
      text-overflow: ellipsis;
    }
    .record_right_bottom {
      margin-top: 15rpx;
    }
  }
  .record_bottom {
    margin-top: 40rpx;
  }
}
.bac{
  background-color: #F5F7FA;
  padding-top: 30rpx;
}